@import url('https://fonts.googleapis.com/css?family=Nunito&subset=latin-ext');
body {
font-family: 'Nunito', sans-serif!important;
padding: 50px;

}


.card {
border-radius: 4px;
background: red; //#fff;
box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
padding: 14px 80px 18px 36px;
cursor: pointer;
margin: 25px 15px;
}
.card:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}
.card h3 {
font-weight: 600;
}
.card img {
position: absolute;
top: 20px;
right: 15px;
max-height: 120px;
}

.card-1 {
background-image: url(https://ionicframework.com/img/getting-started/ionic-native-card.png);
background-repeat: no-repeat;
background-position: right;
background-size: 80px;
}
.card-2 {
background-image: url(https://ionicframework.com/img/getting-started/components-card.png);
background-repeat: no-repeat;
background-position: right;
background-size: 80px;
}
.card-3 {
background-image: url(http://nas001:40021/user/images/Download.jpeg) !important;
background-repeat: no-repeat;
background-position: right;
background-size: 80px;
}
.card-4 {
background-image: url(http://nas001:40021/user/images/Download.jpeg);
background-repeat: no-repeat;
background-position: right;
background-size: 80px;
}
@media(max-width: 990px) {
.card {
margin: 20px;
}
}